<script type="text/javascript">

// pada awalnya, Switcher Info yang punya kelas active
$('#headMenu #info_menu').addClass('active');

//fungsi untuk mengganti kelas active ke objek yang diklik sekaligus menahan eventdefault-nya
function jadi_aktif(obj){
	$('#headMenu .active').removeClass('active');
	$(obj).addClass('active');
}

// event yang terjadi ketika switcher info di klik
$('#headMenu #info_menu').click(function(e){
	e.preventDefault();
	jadi_aktif(this);
	$('.block .info').show();
	$('.block .field, #edit_form input[type="submit"], #error_info').hide();
});

// event yang terjadi ketika switcher edit di klik
$('#headMenu #edit_menu').click(function(e){
	e.preventDefault();
	jadi_aktif(this);
	$('.block .info').hide();
	$('.block .field, #edit_form input[type="submit"]').show();
});

// event yang terjadi ketika switcher delete di klik
$('#headMenu #delete_menu').click(function(e){
	e.preventDefault();
	var r = confirm("Apakah anda yakin ingin menghapus <?php
	echo $this->uri->segment(3);
	?>?\n\nWarning!\nSeluruh data kunjungan dan checklist juga akan terhapus\n\n(Tidak bisa dibatalkan)");
	if(r == true){
		$.ajax({
			type: 'POST',
			dataType: 'html',
			data: 'username=<?php echo $this->uri->segment(3) ?>',
			url: '<?php echo base_url().$this->uri->segment(1) ?>/ajax_hapus',
			success: function(data){
				window.location.href = '<?php echo base_url().$this->uri->segment(1) ?>';
			}
		});
	} 
});

// event yang terjadi ketika form disubmit
$('#edit_form input[type="submit"]').click(function(e){
	e.preventDefault();
	$.ajax({
		type: 'POST',
		dataType: 'json',
		url: '<?php echo base_url().$this->uri->segment(1) ?>/ajax_edit/<?php echo $this->uri->segment(3) ?>',
		data: $('#edit_form').serializeArray(), 
		success: function(data){
			if(data.status == 'sukses'){
				window.location.href = '<?php
					echo base_url().$this->uri->segment(1).'/'.$this->uri->segment(2).'/'
				?>' + data.username ;
				//alert(data.username);
			} else {
				$('#error_info').find('div').html(data.error);
				$('#error_info').show();
			}
		}
	});
});

</script>
